.empty-data {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1rem;
	border: 1px solid var(--color-border-2);
	border-top: none;

	&.borderless {
		border: none;
	}

	.empty-image {
		height: 6rem;
		> svg {
			height: 100%;
		}
		.img {
			height: 100%;
			vertical-align: middle;

			.img-default-ellipse {
				fill: #f5f5f5;
				fill-opacity: 0.8;
			}

			.img-default-path-1 {
				fill: #aeb8c2;
			}

			.img-default-path-2 {
				fill: url(#linearGradient-1);
			}

			.img-default-path-3 {
				fill: #f5f5f7;
			}

			.img-default-path-4 {
				fill: #dce0e6;
			}

			.img-default-path-5 {
				fill: #dce0e6;
			}
		}
	}

	.text {
		text-align: center;
		user-select: none;
	}
}
